<ion-header>
  <ion-navbar color="danger">
    <ion-title>单糖</ion-title>
    <ion-buttons end>
      <button ion-button icon-only (click)="search()">
        <ion-icon name="search"></ion-icon>
      </button>
    </ion-buttons>
  </ion-navbar>
</ion-header>
<ion-content>
  <ion-grid ion-fixed class="channels" no-padding text-center>
    <ion-row>
      <ion-col col-3 (click)="changeChannel(channel,i)" *ngFor="let channel of channels,let i = index">{{channel.name}}</ion-col>
    </ion-row>
  </ion-grid>
  <div class="placeHolderDiv"></div>
  <ion-list class="lists">
    <section *ngFor="let item of items, let i = index">
      <home-cell [cellModel]="item" [cellIndex]="i" (cellClick)="homeCellClick($event)" (likeClick)="homeLikeClick($event)"></home-cell>
    </section>
  </ion-list>
  <!--  -->
  <ion-infinite-scroll *ngIf="nextUrl" (ionInfinite)="doInfinite($event)">
    <ion-infinite-scroll-content
        loadingSpinner="bubbles" loadingText="拼命加载中...">
    </ion-infinite-scroll-content>
  </ion-infinite-scroll>
</ion-content>
